<div class="parent">
    <span class="child">测试示例测试示例测试示例测试示例测试示例测试示例测试示例测试示例测试示例测试示例测试示例测试示例测试示例测试示例测试示例测试示例测试示例测试示例测试示例测试示例测试示例</span>
  </div>
  <style>
    .parent {
      height: 100px;
      background-color: aqua;
      text-align: center; /*水平居中*/

      display: table;
    }
    .child {
      color: #fff;
      background-color: blueviolet;

      display: table-cell;
      vertical-align: middle;
    }
  </style>